<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-1.12.4.min.js"></script>
		<link rel="stylesheet" type="text/css" href="css/conect_pay_page.css" >
		<script src="js/conect_pay_page.js"></script>    	
	</head>
	<body>
		
		<!-----头部------>
		<div class="site-header site-mini-header">
			<div class="container">
	
				<div class="header-logo">
					<div>
						<a class="logo"href="index.html"title="小米官网">
							<img src="img/mi-home.png" class="mihome" style=""/>
						</a>
						<a class="logo" href="index.html" title="小米官网"onclick="">
							<img src="img/mi-logo.png" class="milogo1" style=""/>
						</a>
					</div>	
				</div>
				
				<div class="header-title" id="miniheaderTtle">
					<h2>支付订单</h2>
				</div>
				<div class="topbar-info" id="userInfo">
					<span class="user">
						<a rel="nofollow" class="user-name"href="我的个人中心" target="_blank"onclick=""style="position: relative;">
							<%
								String loginName = (String) session.getAttribute("sname");
								String loginTel = (String) session.getAttribute("stel");
								if (loginName != null) {
									// 用户已登录
									String user = session.getAttribute("sname").toString();
									out.print(user);
								} else if (loginTel != null) {
									// 用户已登录
									String user = session.getAttribute("stel").toString();
									out.print(user);
								} else {
									
								}
							%>
							<span class="name"></span>
							<i class="iconfont">^</i>
						</a>
						<ul class="user-menu" style="display:none;position: absolute;top: 15px;left: 0px;background: white;padding-left: 0px;margin-top: 16px;color: orangered;">
							<li><a href="">个人中心</a></li>
							<li><a href="">评价晒单</a></li>
							<li><a href="">我的喜欢</a></li>
							<li><a href="">小米账户</a></li>
							<li><a href="">退出登录</a></li>
						</ul>
					</span>
					<span class="sep">|</span>
					<a rel="nofollow" class="link link-order" href="订单页面"target="_blank"onclick="">我的订单</a>
				</div>
				<!--::after-->
			</div>	
		</div>
		<!--头部结束-->
		<script type="text/javascript">
			var _confirmConfig={
				order_id:'此处是订单编号'
				safe_tel:''
				goods_amount:'此处是订单金额'
			};
		</script>
		
		<!--中部订单详情部分-->
		<div class="page-main">
			<div class="container confirm-box">
				<!--::before-->
				<form target="_blank" action="#" id="payform" method="post">
					<div class="section section-order">
						<div class="order-info clearfix">
							<!--::before-->
							<div class="fl">
								<div class="fm">
									<h2 class="title1">订单提交成功！去付款咯~</h2>
									<p class="order-time" id="deliverDesc"></p>
									<p class="order-time">
										请在
										<span class="pay-time-tip">0</span>小时 
                						<span class="pay-time-tip" id="times_minute"></span>分    
                						<span class="pay-time-tip" id="times_second"></span>秒  
										内完成支付，超时后将取消订单
									</p>
									<p class="post-info"id="postInfo"></p>
								</div>
							</div>
							<div class="fr">
								<p class="total">
									应付总额：
									<span class="money">
										<em>${sessionScope.total}</em>
										元
									</span>
								</p>
								<a href="javascript:void(0);"class="show-detail" id="showDetail" onclick="">
									“订单详情”
									<i class="iconfont">~</i>
								</a>
							</div>
						</div>
						<!--<i class="iconfont icon-right"></i>-->
						<div class="order-detail">
							<ul>
								<li class="clearfix">
									<div class="label">订单号：</div>
									<div class="content">
										<span class="order-num">
											"此处显示的是订单编号"
										</span>
									</div>
								</li>
								<li class="clearfix">
									<div class="label">收货信息</div>
									<div class="conternt">
										“此处展示顾客的收货信息”
									</div>
								</li>
								<li class="clearfix">
									<div class="label">商品名称：</div>
									<div class="content">
										“此处展示购买的商品信息”
									</div>
								</li>
								<li class="clearfix">
									<div class="lable">配送时间：</div>
									<div class="content">不限送货时间</div>
								</li>
								<li class="clearfix">
									<div class="label">发票信息：</div>
									<div class="content">电子发票&nbsp;&nbsp;个人</div>
								</li>
							</ul>
						</div>
					</div>
					
					
					<!--中间第二部分：选择支付方式-->
					<div class="section section-payment">
						
						<div class="cash-title" id="cashTitle"style="font-size: 20px;width: auto;height: 42px;">
							选择以下支付方式付款
						</div>
						
						<div class="payment-box payment-box1">
							<div class="payment-header clearfix">
								<h3 class="title">支付平台</h3>
								<span calss="desc"></span>	
							</div>
							<div class="payment-body">
								<ul class="clearfix payment-list paymentList linksign-customize">
									<li id="weixin" onclick=""><img src="img/weixinpay0701.png"/></li>
									<li class="bank" onclick="">
										<a href="alipay_index.jsp">
											<img src="img/payOnline_zfb.png" alt="支付宝"style="margin-left: 0;width: 174px;height: 60px;"/>
										</a>
									</li>
									<li>
										<img src="img/unionpay.png" />
									</li>
									<li>
										<img src="img/micash.png"style="margin-left: 0;width: 174px;height: 60px;"/>
									</li>
									</li>
								</ul>
							</div>
						</div>
						
						<div class="payment-box payment-box2">
							<div class="payment-header clearfix">
								<h3 class="title">银行借记卡及信用卡</h3>
								<span calss="desc"></span>	
							</div>
							<div class="payment-body">
								<ul>
									<li><img src="img/payOnline_bjyh.png"/></li>
									<li><img src="img/payOnline_fcyh.png"></li>
									<li><img src="img/payOnline_gsyh.png"/></li>
									<li><img src="img/payOnline_gsyh.png"/></li>
									<li><img src="img/payOnline_bjyh.png"/></li>
									<li><img src="img/payOnline_bjyh.png"/></li>
									<li><img src="img/payOnline_fcyh.png"></li>
									<li><img src="img/payOnline_gsyh.png"/></li>
									<li><img src="img/payOnline_gsyh.png"/></li>
									<li><img src="img/payOnline_bjyh.png"/></li>
									<li><img src="img/mifinanceinstal.png"/></li>
									<li><img src="img/payOnline_ant_huabei.png"></li>
									<li><img src="img/mifinanceinstal.png"></li>
									<li><img src="img/payOnline_bjyh.png"/></li>
									<li><img src="img/payOnline_fcyh.png"></li>
								</ul>
							</div>
						</div>
						<div class="payment-box payment-box-last payment-box3">
							<div class="payment-header clearfix">
								<h3 class="title">快捷支付</h3>
								<span calss="desc"></span>	
							</div>
							<div class="payment-body">
								<ul>
									<li><img src="img/payOnline_bjyh.png"/></li>
									<li><img src="img/payOnline_fcyh.png"></li>
									<li><img src="img/payOnline_gsyh.png"/></li>
									<li><img src="img/payOnline_gsyh.png"/></li>
									<li><img src="img/payOnline_bjyh.png"/></li>
									<li><img src="img/payOnline_bjyh.png"/></li>
									<li><img src="img/payOnline_fcyh.png"></li>
									<li><img src="img/payOnline_gsyh.png"/></li>
									<li><img src="img/payOnline_gsyh.png"/></li>
									<li><img src="img/payOnline_bjyh.png"/></li>
									<li><img src="img/payOnline_bjyh.png"/></li>
									<li><img src="img/payOnline_fcyh.png"></li>
									<li><img src="img/payOnline_gsyh.png"/></li>
									<li><img src="img/payOnline_gsyh.png"/></li>
									
								</ul>
							</div>
						</div>
					</div>
					
					<div class="section section-installment" id="paymentFendqi">
						<div class="payment-header clearfix">
								<h3 class="title">分期付款</h3>
								<span calss="desc"></span>	
						</div>
						<div class="payment-body">
							<ul>
								<li><img src="img/mifinanceinstal.png"/></li>
								<li><img src="img/payOnline_ant_huabei.png"></li>
								<li><img src="img/mifinanceinstal.png"></li>
								<li><img src="img/payOnline_bjyh.png"/></li>
								<li><img src="img/payOnline_fcyh.png"></li>
								<li><img src="img/payOnline_gsyh.png"/></li>
								<li><img src="img/payOnline_gsyh.png"/></li>
								<li><img src="img/mifinanceinstal.png"></li>
							</ul>
						</div>
					</div>
				</form>
			</div>
		</div>
	</body>
</html>


